<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>沙立方</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="renderer" content="webkit">
		<!-- 设置缩放 -->
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
		<!-- 可隐藏地址栏，仅针对IOS的Safari（注：IOS7.0版本以后，safari上已看不到效果） -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<!-- 仅针对IOS的Safari顶端状态条的样式（可选default/black/black-translucent ） -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<!-- IOS中禁用将数字识别为电话号码/忽略Android平台中对邮箱地址的识别 -->
		<meta name="format-detection" content="telephone=no, email=no" />
		<!-- 启用360浏览器的极速模式(webkit) -->
		<meta name="renderer" content="webkit">
		<!-- 避免IE使用兼容模式 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 微软的老式浏览器 -->
		<meta name="MobileOptimized" content="320">
		<!-- uc强制竖屏 -->
		<meta name="screen-orientation" content="portrait">
		<!-- QQ强制竖屏 -->
		<meta name="x5-orientation" content="portrait">
		<!-- UC强制全屏 -->
		<meta name="full-screen" content="yes">
		<!-- QQ强制全屏 -->
		<meta name="x5-fullscreen" content="true">
		<!-- UC应用模式 -->
		<meta name="browsermode" content="application">
		<!-- QQ应用模式 -->
		<meta name="x5-page-mode" content="app">
		<!-- windows phone 点击无高光 -->
		<meta name="msapplication-tap-highlight" content="no">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="../assets/i/favicon.png">
		<link rel="stylesheet" href="../assets/css/amazeui.css" />
		<link rel="stylesheet" href="../assets/css/app.css">
		<link rel="stylesheet" href="../assets/css/yttApp.css">
		<style>
		  .am-navbar .am-navbar-nav {padding-top:10px}
		</style>
	</head>
	<body class="newIndex">
	    <div class="zcc am-hide"></div>
		<div class="headDivs">
		    <div class="loginDiv"><img src="../img/slf-logo.png" /></div>
		    <div class="topIcon">
		         <div class="mess" onclick="javascript:window.location.href='personal/my_msg.html'"><i class="icon-xinxi posi-rela am-icon-sm" style="color:white;margin-top:5px;"></i></div>
		         <div class="code ewm_div"><i class="icon-saomiaoerweima am-icon-sm am-icon-sm" style="color:white;margin-top:5px;"></i></div>
		    </div>
		    <div class="userImgDiv">
		       <div class="imgDivs"></div>
		    </div>
		    <div class="userMessDiv" style="line-height:0;">
		       <div class="messDivs"  onclick="javascript:window.location.href='courseOrder.html'">
		          <span class="iconDiv">
			          <span class="imgIcon iconDiv">
			             <img src="../img/newExpe.png" />
			          </span>
			          <span class="expriceTitle">体验预约</span>
		          </span>
		       </div>
		       <div class="messDivs">
		          <span class="height am-hide">
			          <span class="userHeigh" id="userHeigh">95.2cm</span>
			          <span class="userHeighTitle">标准身高</span>
		          </span>
		       </div>
		       <div class="messDivUsers">
		          <span class="userName" id="userName"></span>
		          <span class="userAge" id="userAge"></span>
		       </div>
		       <div class="messDivs">
		          <span class="weight am-hide">
			          <span class="userHeigh" id="userWeight">14.5kg</span>
			          <span class="userHeighTitle">标准体重</span>
		          </span>
		       </div>
		       <div class="messDivs" onclick="javascript:window.location.href='subject_courseOrder.html'">
		          <span class="iconDiv">
			          <span class="imgIcon">
			             <img src="../img/newTheme.png" />
			          </span>
			          <span class="expriceTitle">主题预约</span>
		          </span>
		       </div>
		    </div>
		</div>
		<div class="moreDivs" style="display:none">
		     <div class="moreLisDiv" onclick="javascript:window.location.href='courseOrder.html'">
		         <span class="iconMoreDiv">
		            <img src="../img/newExpe.png" />
		         </span>
		         <span class="moreLiTitle">体验预约</span>
		     </div>
		     <div class="moreLisDiv" onclick="javascript:window.location.href='subject_courseOrder.html'">
		         <span class="iconMoreDiv">
		            <img src="../img/newTheme.png" />
		         </span>
		         <span class="moreLiTitle">主题预约</span>
		     </div>
		     <div class="moreLisDiv" onclick="javascript:window.location.href='video.html'">
		         <span class="iconMoreDiv">
		            <img src="../img/newVideo.png" />
		         </span>
		         <span class="moreLiTitle">视频展示</span>
		     </div>
		     <div class="moreLisDiv" onclick="recordClass()">
		         <span class="iconMoreDiv">
		            <img src="../img/newClass.png" />
		         </span>
		         <span class="moreLiTitle">上课记录</span>
		     </div>
		     <div class="moreLisDiv" onclick="timeClass()">
		         <span class="iconMoreDiv">
		            <img src="../img/newSurplus.png" />
		         </span>
		         <span class="moreLiTitle">剩余课时</span>
		     </div> 
	    </div>
	    <div class="moreBtnDiv">
	        <span>查看全部</span><i class="am-icon-angle-down am-icon-sm"></i>
	    </div>
		<!-- 隔离带 -->
		<div class="IsoBelt"></div>
		<div class="appoinDivs">
		    <div class="appoinTitle" onclick="javascript:window.location.href='courseOrder.html'">
		       <span class="appoinTitleLeft">最近预约</span>
		       <span class="moreAppoin">更多体验<i class="am-icon-angle-right am-icon-sm" style="margin-left:5px;"></i></span>
		    </div>
		    <ul class="appointUl newIndex" id="course">
		        <!--  <li class="noMessDiv">暂无相关信息~看看其他的吧~</li> -->
		         <!-- <li class="appointLi">
		           <div class="appointDivs am-g">
			           <div class="curriculumImg am-u-sm-4 pad-0 am-u-md-3">
			               <img src="../img/hdxfd.png" />
			           </div>
			           <ul class="appointMess am-u-sm-8 pad-0 am-u-md-9">
			              <li class="titleLi">
			                 <span class="titleDiv">打算开发独特阿尔斯人爱搜</span>
			                 <span class="rePosition">余位：20</span>
			              </li>
			              <li class="timeLi">
			                <span class="addrs">地点：就好烦人分为二a水电费色调</span>
			              </li>
			              <li class="addrLi">
			                <span class="times">时间：2018-05-20 12:00:00</span>
			              </li> 
			           </ul>
		           </div>
		           <div class="classOpen">
		              <span class="classTime">距离开课：10天18小时30分</span>
		              <span class="classStatus">预约成功<i class="am-icon-check" style="color:white;"></i></span>
		           </div>
		           <div class="classBelt"></div>
		        </li> -->
		    </ul>
		</div>
		<!-- 隔离带 -->
		<div class="IsoBelt"></div>
		<div class="appoinDivs">
		    <div class="appoinTitle" onclick="javascript:window.location.href='lately_article.html'">
		       <span class="appoinTitleLeft">文章</span>
		       <span class="moreAppoin">更多知识<i class="am-icon-angle-right am-icon-sm" style="margin-left:5px;"></i></span>
		    </div>
		    <ul class="appointUl" id="article">
		        <!-- <li class="appointLi">
		           <div class="appointDivs">
			           <div class="curriculumImg  am-u-sm-4 pad-0 am-u-md-3">
			               <img src="../img/hdxfd.png" />
			           </div>
			           <ul class="appointMess  am-u-sm-8 pad-0 am-u-md-9">
			              <li class="titleLiArticle">
			                 文章标题信息文章标题信息文章标题信息
			              </li>
			              <li class="timeArticle">
			                发布时间：2018-05-20 12:00:00
			              </li> 
			           </ul>
		           </div>
		           <div class="classBelt"></div>
		        </li> -->
		    </ul>
		</div>
		<!--底部菜单-->
			<div data-am-widget="navbar" class="am-navbar am-cf bg-fff" id="mendb">
				<ul class="am-navbar-nav am-cf am-avg-sm-4" style="border-top:none;">
					<li>
						<a href="courseOrder.html">
							<img src="../img/yuyue2.png">
							<span class="am-navbar-label">预约</span>
						</a>
					</li>
					<li>
						<a onclick="seeShopp()">
							<img src="../img/shangcheng2.png">
							<span class="am-navbar-label">商城</span>
						</a>
					</li>
					<li class="active">
						<a href="index.html">
							<img src="../img/zhuye1.png" style="height:35px;width:35px;margin-top:10px;">
						</a>
					</li>
					<li>
						<a href="find.html">
							<img src="../img/faxian2.png">
							<span class="am-navbar-label">发现</span>
						</a>
					</li>
					<li>
						<a onclick="checkPer()">
							<img src="../img/wode2.png">
							<span class="am-navbar-label">我的</span>
						</a>
					</li>
				</ul>
			</div>
	    <div class="am-modal am-modal-alert am-modal-no-btn radius20" tabindex="-1" id="my-alert">
			<div class="am-modal-dialog radius20">
				<div class="am-modal-hd">签到二维码</div>
				<div class="am-modal-bd am-padding-lg radius20">
				</div>
			</div>
		</div>
		
		<div class="am-modal am-modal-loading am-modal-no-btn radius4" tabindex="-1" id="my-modal-loading" data-am-modal="{closeViaDimmer: 0}">
		  <div class="am-modal-dialog" style="border-radius: 4px;">
		    	<div class="am-modal-hd">加载中...</div>
			    <div class="am-modal-bd">
			      <span class="am-icon-spinner am-icon-spin"></span>
			    </div>
		  </div>
		</div>
		<!--取消预约-->
		<div class="am-modal am-modal-confirm " tabindex="-1" id="cancleModal" data-am-modal="{closeViaDimmer: 0}">
			<div class="am-modal-dialog radius10">
				<div class="am-modal-hd"></div>
				<div class="am-modal-bd"></div>
				<div class="am-modal-footer">
					<span class="am-modal-btn" data-am-modal-confirm>确定</span>
					<span class="am-modal-btn" data-am-modal-cancel>取消</span>
				</div>
			</div>
		</div>
		<!-- 充值 -->
		<div class="am-modal am-modal-alert" tabindex="-1" id="buyMoneyModal" data-am-modal="{closeViaDimmer: 0}">
		  <div class="am-modal-dialog" style="border-radius: 4px;">
		    	<div class="am-modal-hd"></div>
			   	<div class="am-modal-bd">余额不足，是否去充值？</div>
		   		<div class="am-modal-footer">
		   		  <span class="am-modal-btn" data-am-modal-confirm>去充值</span>
			      <span class="am-modal-btn" data-am-modal-cancel>取消</span>
			    </div>
	  		</div>
		</div>
		<!--对应课程按钮操作-->
		<div class="am-modal am-modal-confirm " tabindex="-1" id="class_model" data-am-modal="{closeViaDimmer: 0}">
			<div class="am-modal-dialog radius10">
				<div class="am-modal-hd"></div>
				<div class="am-modal-bd"></div>
				<div class="am-modal-footer">
				    <span class="am-modal-btn" data-am-modal-confirm >确定</span>
					<span class="am-modal-btn" data-am-modal-cancel>取消</span>
				</div>
			</div>
		</div>
		<div class="am-modal am-modal-alert" tabindex="-1" id="alert1" data-am-modal="{closeViaDimmer: 0}">
		  <div class="am-modal-dialog" style="border-radius: 4px;">
		    	<div class="am-modal-hd"></div>
			   	<div class="am-modal-bd alert1"></div>
		   		<div class="am-modal-footer">
		      		<span class="am-modal-btn">确定</span>
		    	</div>
	  		</div>
		</div>
		<div class="am-modal am-modal-alert" tabindex="-1" id="operationModal" data-am-modal="{closeViaDimmer: 0}">
		  <div class="am-modal-dialog" style="border-radius: 4px;">
		    	<div class="am-modal-hd"></div>
			   	<div class="am-modal-bd operationModalBody"></div>
		   		<div class="am-modal-footer">
		   		  <span class="am-modal-btn" data-am-modal-confirm>登录</span>
			      <span class="am-modal-btn" data-am-modal-cancel>取消</span>
			    </div>
	  		</div>
		</div>
		<script src="../assets/js/jquery.min.js"></script>
		<script src="../assets/js/jquery.cookie.js"></script>
		<script src="../assets/js/amazeui.min.js"></script>
		<script src="../assets/js/fastclick.min.js"></script>
		<script src="../assets/js/jquery.yomi.js"></script>
		<script src="../js/comm.js"></script>
		<script src="../js/slf.js"></script>
		<script src="../js/index.js"></script>
        <script src="../js/utils/myDate.js"></script>
	</body>

</html>